Lesson01_08   이미지 맵

1.이미지 하이퍼링크:형식:
2.이미지 맵 은 무엇 입 니까?하나의 그림 을 여러 영역 으로 나 누 어 각각 다른 URL 주 소 를 가리 키 고 있 습 니 다.
3.이미지 맵 을 어떻게 만 드 는 지(1)먼저 이미지 의 각 핫 이 슈 구역 의 모양,위치 좌표,그리고 가리 키 는 url 주소 정 보 를 정의 해 야 합 니 다.이 과정 을 이미지 핫 이 슈 맵 이 라 고 합 니 다.이 과정 은태그 로 설명 해 야 합 니 다.그 중의 name 속성 은 이 핫 이 슈 맵 의 이름 을 지정 합 니 다.(2)이미지 핫 이 슈 에 비 친 각 영역 은태그 로 설명 합 니 다.태그 의 형식 은HREF 부분 도 nohref 로 표시 할 수 있 습 니 다.이 영역 에서 누 르 면 무효 임 을 표시 합 니 다.(3)정 의 된 다음 에이미지 탭 에 usemap 라 는 속성 설정 을 추가 해 야 합 니 다.다음 과 같 습 니 다.예:코드 는 다음 과 같 습 니 다
<map name=mymap>
<area shape="rect" coords="0,0,50,50" href="http://www.loncer.cn">
<area shape="rect" coords="0,50,150,50" href="http://www.thinkme.cn">
<area shape="rect" coords="50,0,100,50" href="http://www.sina.cn">
</map>
<img src="/upload/200729134227624.gif" usemap="#mymap">
효 과 는 다음 과 같 습 니 다
shape 속성 설정 설명:
4.567917.rect 는 사각형 구역 을 정의 하고 coords 속성 은 사각형 의 왼쪽 상단,오른쪽 아래 의 좌표 로 설정 하 며 각 좌표 값 은'번호 로 나 뉜 다.
4.567918.4.567917.poly 는 다각형 의 구역 을 정의 하고 coords 속성 설정 치 는 다각형 각 정점 의 좌표 값 입 니 다.
4.567918.4.567917.cicle 은 원형 구역 을 정의 하고 coords 속성 설정 치 는 원형 좌표 와 반지름 이 며 앞의 두 개 는 좌표 이 고 뒤의 하 나 는 반지름 이다.
 예:코드 는 다음 과 같다:효 과 는 다음 과 같다:예:코드 는 다음 과 같다:예:코드 는 다음 과 같다:예:코드 는 다음 과 같다:효 과 는 다음 과 같다:예:코드 는 다음 과 같다:효 과 는 다음 과 같다:예:코드 는 다음 과 같다:효 과 는 다음 과 같다

좋은 웹페이지 즐겨찾기